@borderStyle: 1px solid #eeeeee;
@borderStylewihte: 1px solid #ffff;
/* tab页 */
#addtask {
  .at-tabs__nav-scroll{
    // overflow: visible;
    // border-bottom: @borderStyle;
    height: 35px;
    .at-tabs__nav{
      margin-right: 5px;
      .at-tabs__item {
        background-color: #ffffff;
        border-top: @borderStylewihte;
        border-left: @borderStylewihte;
        border-right: @borderStylewihte;
        border-bottom: @borderStyle;
        min-width: 30px;
        height: 35px;
        line-height: 35px;
      }
      .is-active {
        border-top: @borderStyle;
        border-left: @borderStyle;
        border-right: @borderStyle;
        border-bottom: @borderStylewihte;
        color:#1f92ef;
        font-weight: bolder;
      }
    }
  }
  /deep/ .at-tabs__content {
    padding: 0 20px;
    .analyze-statistical-container{
      display: grid;
      width:100%;
      grid-template-columns:2fr 1fr 1fr;
      grid-template-rows: 150px;
      grid-gap: 20px;
      .analyze-statistical-box{
        border: @borderStyle;
        .statistics-content{
          width:100%;
          height: 90px;
          display: flex;
          .statistics-analyze-info{
            width:80%;
            display: flex;
            flex-direction: column;
            .statistics-total{
              width: 100%;
              height: 36px;
              line-height: 36px;
              margin: 20px 0 13px;
              font-size: 36px;
              font-weight: 700;
              padding: 0 20px;
              color: #1f92ef;
            }
            .statistics-info{
              width: 100%;
              height: 12px;
              line-height: 12px;
              margin-bottom: 15px;
              padding: 0 20px;
              .statistics-title{
                display: inline-block;
                color: #5c6781;
                font-weight: 700;
                margin-right: 40px;      
              }
              .statistics-text{
                display: inline-block;
                span{
                  display: inline-block;
                  height: 12px;
                  line-height: 12px;
                  color:#5c6781;
                }
                .mg-rt6{
                  margin-right: 6px;
                }  
              }
            }
          }
          .statistics-chart-hint{
            width:20%;
            padding-top: 30px;
            .chart-hint-item{
              width: 100%;
              height: 12px;
              line-height: 12px;
              margin-bottom: 6px;
              .chart-hint-icon-total{
                display: inline-block;
                width: 10px;
                height: 10px;
                border: 1px solid #1f92ef;
                background-color: #e8f4fd;
                border-radius: 50%;
              }
              .chart-hint-icon-analyzed{
                display: inline-block;
                width: 10px;
                height: 10px;
                border: 1px solid #1f92ef;
                background-color: #1f92ef;
                border-radius: 50%;
              }
              .chart-hint-text{
                display: inline-block;
              }
            }
          }
        }
        .chart-main{
          width:100%;
          height: 60px;
        }
        .statistics-pie-title{
          width: 100%;
          height: 12px;
          line-height: 12px;
          padding: 0 20px;
          margin:20px 0;
          font-size: 12px;
          font-weight: 700;
          color: #5c6781;
        }
        .anlyze-pie-chart{
          width: 100%;
          height: 93px;
        }
      }
    }
  }
  .at-tabs--border-card>.at-tabs__content {
    padding: 20px 20px;
    border-right: @borderStyle;
    border-left: @borderStyle;
    border-bottom: @borderStyle;
  }
  .at-form-item__error {
    float: left;
  }
  
}

/* 去抖动 */
#addtask .at-tabs--border-card>.at-tabs__header .at-tabs__item{
   transition:none
}

/* #addtask .at-form-item__content .ip-input .at-input .at-input__inner{
    width: 47px;
} */
#addtask .addtag{
    font-size:20px;
    color:#1F92EF; 
    float: right;
    margin-top:5px;
    margin-right:10px;
}
#addtask .deltag{
    font-size:20px;
    color:red;
    margin-top:-15px; 
    float: right;
    margin-right:10px;
}
#addtask .at-form-item__content .at-input .at-input__inner {
  width: 100%;
}
#addtask .at-date-editor--datetimerange.at-input {
  width: 100%;
}
#addtask .at-form-item__content {
  margin-right: 0;
}
#addtask {
  .test {
    .at-select {
      width: 100%;
    }
  }

}
#addtask{
  .at-cascader{
    width: 100%
  }
}

#addtask  .at-date-picker .at-icon-time{
  right:21px;
}
#addtask .at-input {
    width: 100%;
} 

/* #addtask .titlename .at-input.at-input{
  width: 100px
} */
/* #addtask .at-input {
  width: 263px; */
  /* width: 100%; */
/* } */
#addtask .titlefont{
    height:50px; 
    line-height:50px; 
    font-size:14px; 
    font-weight:900; 
    color:#5c6781; 
    margin:0 0 0 20px;
}
/* #addtask .at-select{
  width: 99px;
} */
/* #addtask .at-scrollbar .at-select-dropdown__wrap.at-scrollbar__wrap {
    max-width: 280px !important;
} */